<template>
  <div class="empty-container">
    <Icon type="empty"/>
    <p>{{text}}</p>
  </div>
</template>

<script>
import Icon from "@/components/Icon";

export default {
  name: "Empty",
  components: {Icon},
  props: {
    // 显示的文字
    text: {
      type: String,
      default: "无数据"
    }
  }

}
</script>

<style scoped lang="less">
@import "~@/styles/var.less";
@import "~@/styles/mixin.less";
.empty-container{
  .self-center-flex();
  color: @lightWords;
  text-align: center;
}
.icon-container{
  font-size: 80px;
}
</style>